"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _components = require("@tarojs/components");

var _configContext = require("../../../../extends/configContext");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var BgView = function BgView(_ref) {
  var leftChildren = _ref.leftChildren,
      rightChildren = _ref.rightChildren,
      bottomChildren = _ref.bottomChildren;

  var _useConfig = (0, _configContext.useConfig)(),
      clsPrefix = _useConfig.clsPrefix;

  var renderLeft = function renderLeft() {
    return /*#__PURE__*/_react.default.createElement(_components.View, {
      className: "".concat(clsPrefix, "-audio-player-bg-view__left ").concat(clsPrefix, "-audio-player-bg-view__left--mini")
    }, leftChildren);
  };

  var renderRight = function renderRight() {
    return /*#__PURE__*/_react.default.createElement(_components.View, {
      className: "".concat(clsPrefix, "-audio-player-bg-view__right")
    }, /*#__PURE__*/_react.default.createElement(_components.View, {
      className: "".concat(clsPrefix, "-audio-bg-player-view__right-text")
    }, rightChildren));
  };

  var renderBottom = function renderBottom() {
    return /*#__PURE__*/_react.default.createElement(_components.View, {
      className: "".concat(clsPrefix, "-audio-player-bg-view__bottom")
    }, bottomChildren);
  };

  return /*#__PURE__*/_react.default.createElement(_components.View, {
    className: "".concat(clsPrefix, "-audio-player-bg-view")
  }, /*#__PURE__*/_react.default.createElement(_components.View, {
    className: "".concat(clsPrefix, "-audio-player-bg-view-top")
  }, renderLeft(), renderRight()), /*#__PURE__*/_react.default.createElement(_components.View, {
    className: "".concat(clsPrefix, "-audio-player-bg-view-bottom")
  }, renderBottom()));
};

var _default = BgView;
exports.default = _default;